<template>
	<view class="content">
		<view class="find-box">
			<view class="li" @click="myCustomer">
				<view class="circle">
					<image src="../../static/3.png"></image>
				</view>
				<view class="name">我的客户</view>
				<view class="num">260</view>
			</view>
			<view class="li" @click="genjin">
				<view class="circle" style="background-color: #F0F5FF;">
					<image style="width: 60rpx;height: 60rpx;" src="../../static/4.png"></image>
				</view>
				<view class="name">已跟进客户</view>
				<view class="num">260</view>
			</view>
			<view class="li" @click="noFollowUp">
				<view class="circle" style="background-color: #FFF3E8;">
					<image style="width: 60rpx;height: 60rpx;" src="../../static/5.png"></image>
				</view>
				<view class="name">未跟进客户</view>
				<view class="num">260</view>
			</view>
		</view>
		<button class="btn login" @click="addCustomer">新增客户资料</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			
			// 跟进客户
			genjin(){
				uni.switchTab({
					url:"/pages/genjin/index"
				})
			},
			
			// 我的客户
			myCustomer(){
				uni.switchTab({
					url:"/pages/chizi/index"
				})
			},
			// 未跟进
            noFollowUp(){
				uni.navigateTo({
					url:"/pages/noFollowUp/index"
				})
			},
			
			// 新增客户资料
			addCustomer(){
				uni.navigateTo({
					url:"/pages/addCustomer/index"
				})
			},
			
		}
	}
</script>

<style>
	page {
		background-color: #f5f5f5;
	}

	.find-box {
		width: 95%;
		height: 400rpx;
		margin: auto;
		margin-top: 20rpx;
		background-color: white;
		display: flex;
		justify-content: space-between;

	}

	.find-box .li {
		width: 200rpx;
		height: 200rpx;
		text-align: center;
		margin-top: 50rpx;
		line-height: 50rpx;
		font-size: 26rpx;
	}
	.find-box .li .circle{
		width: 120rpx;
		height: 120rpx;
		border-radius: 120rpx;
		background-color: #EDF3FF;
		margin: auto;
	}

	.find-box .li .circle image {
		width: 70rpx;
		height: 70rpx;
		margin-top: 30rpx;
	}
	.btn{
		width: 80%;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 80rpx;
		color: white;
		margin: auto;
		background-color: #008BDE;
		margin-top: 80rpx;
		font-size: 26rpx;
	}
</style>